<template>
	<view class="sendModel" v-show="isTopicModel">
		<view class="sendContent" >
		<view class="sendBut"><text @tap="hiddenSendModel()">取消</text><text>发送</text></view>
		<view class="sendTextarea"><textarea :focus="focus" v-model="sendtext" cursor-spacing='20' maxlength='250' :placeholder="placeholder"></textarea></view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			
		},
		data() {
			return {
				isTopicModel:false,
				placeholder:'友善发言,理性讨论,阳光你我',
				focus:false,
				sendtext:''
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
      //发送框
	.sendTextarea{ width:94%; margin: auto;
	>textarea{ background-color:#F2F2F2;margin-bottom: 50rpx; width:100%;font-size: 28rpx; height: 170rpx; border-radius: 20rpx; padding: 10rpx;}
	}
 .sendModel{background-color: @uni-bg-color-mask;position:fixed; top:0;height:100%;width:100%;z-index: 1;
 .sendContent{
	 position: absolute;
	 background-color: #FFFFFF;
	 bottom: 0;
	 width: 100%;
	 border-radius: 20rpx 20rpx 0rpx 0rpx;
       }
 .sendBut{ 
 width: 90%; margin:20rpx auto; display: flex;
 justify-content: space-between; font-size: 30rpx; color:#888888;
  } 
 }
 
</style>
